<template>
  <div>
    <p class="one">订单号{{$route.query.orderId}}</p>
    <h1>￥{{price}}</h1>
    <p>请选择支付方式</p>
    <p>
      支付宝支付
      <input type="radio" name="aa" class="fr" />
    </p>
    <p>
      微信支付
      <input type="radio" name="aa" class="fr" />
    </p>
    <p class="btn">
      <button>确认支付</button>
    </p>
  </div>
</template>

<script>
import { reqOrder } from "../../../http/api";
export default {
  data() {
    return {
      price: JSON.parse(localStorage.getItem("order")).countmoney
    };
  },
  mounted() {
    console.log();
    reqOrder({}).then(res => {});
  }
};
</script>

<style scoped>
p {
  padding: 0.2rem 0.4rem;
  margin: 0.2rem auto;
}
.one {
  text-align: center;
}
h1 {
  text-align: center;
}
.btn{
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 0.2rem 0;
}
.btn button{
    padding: 0.2rem;
    font-size: 0.32rem;
    background-color: cadetblue;
    color: white;
    border-radius: 1rem;
    width: 60vw;
}
</style>